﻿<%@ Page Language="C#" MasterPageFile="../Shared/MaterMainFunction.master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

     <style type="text/css">
         #left
         {
    	    background-color:#CCCCCC;
    	    border:1px solid #A9C9E2;
    	    float:left;
    	    height:375px;
    	    width:21%;
           }

           #right
         {
	        background-color:#F2FDDB;
        	border:1px solid #A5CF3D;
        	float:left;
        	height:470px;
	        width:78%;
         }
    
     </style>  
     
<br />
   

   <div id="left">
   
       <asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC" 
           BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" 
           Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="289px" 
           ShowGridLines="True" Width="175px">
           <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
           <SelectorStyle BackColor="#FFCC66" />
           <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
           <OtherMonthDayStyle ForeColor="#CC9966" />
           <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
           <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
           <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" 
               ForeColor="#FFFFCC" />
       </asp:Calendar>
   
   </div>
   
   <div id="right">
  <table class="clmonth" summary="Calendar for Jurn 2011">
  <caption> Jurn 2011 </caption>
  <tr>
  <th scope="col">Monday</th>
  <th scope="col">Tuesday</th>
  <th scope="col">Wendnesday</th>
  <th scope="col">Thursday</th>
  <th scope="col">Friday</th>
  <th scope="col">Saturday</th>
  <th scope="col">Sunday</th>
  </tr>
  
  <tr>
  <td class="previous">31</td>
  <td class="active">1
  <ul>
        <li> </li>
        <li> </li>
  </ul>
  </td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  </tr>
  </table>
   </div>
   
   </asp:Content>

